<template>
	<div v-show="showPage">
		<div style="border-bottom: 1px solid #ddd;">
			<h3>页面类型</h3>
		</div>
		<el-row>
			<el-col :span="6">
				<div style="text-align: center;">
					<i class="el-icon-s-fold" style="font-size: 150px;"></i>
					<div>
						<el-radio v-model="pageType" label="listview" >列表视图</el-radio>
					</div>
				</div>
			</el-col>
			<el-col :span="6">
				<div style="text-align: center;">
					<i class="el-icon-tickets" style="font-size: 150px;"></i>
					<div>
						<el-radio v-model="pageType" label="formview" >表单视图</el-radio>
					</div>
				</div>
			</el-col>
			<el-col :span="6">
				<div style="text-align: center;">
					<i class="el-icon-s-unfold" style="font-size: 150px;"></i>
					<div>
						<el-radio v-model="pageType" label="searchview" >查询视图</el-radio>
					</div>
				</div>
			</el-col>
			<el-col :span="6">
				<div style="text-align: center;">
					<i class="el-icon-s-data" style="font-size: 150px;"></i>
					<div>
						<el-radio v-model="pageType" label="dashboardview" >Dashboard视图</el-radio>
					</div>
				</div>
			</el-col>
		</el-row>
		<el-row>
			<el-col :span="6">
				<div style="text-align: center;">
					<i class="el-icon-printer" style="font-size: 150px;"></i>
					<div>
						<el-radio v-model="pageType" label="ureportview" >UReport视图</el-radio>
					</div>
				</div>
			</el-col>
			<el-col :span="6">
				<div style="text-align: center;">
					<i class="el-icon-mouse" style="font-size: 150px;"></i>
					<div>
						<el-radio v-model="pageType" label="buttonparaview" >按钮参数视图</el-radio>
					</div>
				</div>
			</el-col>
			<el-col :span="6">
				<div style="text-align: center;">
					<i class="el-icon-setting" style="font-size: 150px;"></i>
					<div>
						<el-radio v-model="pageType" label="actionview" >Action视图</el-radio>
					</div>
				</div>
			</el-col>
			<el-col :span="6" v-if="device=='mobile'">
				<div style="text-align: center;">
					<i class="el-icon-document" style="font-size: 150px;"></i>
					<div>
						<el-radio v-model="pageType" label="detailview" >明细视图</el-radio>
					</div>
				</div>
			</el-col>
		</el-row>
	</div>
</template>

<script>
	export default {
		name: "PageTypeSelectPage",
		props: ["scope"],
		data() {
			return {
				pageType: "listview",
				showPage:false,
				device:"pc"
			}
		},
		methods: {
			setVisible(visible){
				this.showPage=visible;
				if(visible){
					this.device=this.scope.deviceSelectPage.device;
				}
			},getReturnData(){
				return {"pageType":this.pageType};
			},getPreviousPage(){
				return "deviceSelectPage";
			},getNextPage(){
				if(this.pageType=="dashboardview"){
					return "pageBaseInfoPage";
				}
				return "dataSourceSelectPage";
			},isCompletedPage(){
				return false;
			}
		},
	}
</script>

<style>
</style>
